import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 移动端适配插件
import 'amfe-flexible'

// import { allChannelListAPI } from '@/api'

/* const fn = async () => {
  try {
    await allChannelListAPI()
  } catch (error) {
    console.dir(error)
  }
}
fn() */
import directives from '@/utils/directives.js'
import { Form, Field, NavBar, Button, Tabbar, TabbarItem, Icon, Tab, Tabs, Cell, List, PullRefresh, ActionSheet, Popup, Row, Col, Badge, Search } from 'vant'

Vue.use(directives) // 全局自定义指令

Vue.use(Search)
Vue.use(Badge)
Vue.use(Row)
Vue.use(Col)
Vue.use(Popup)
Vue.use(ActionSheet)
Vue.use(PullRefresh)
Vue.use(List)
Vue.use(Cell)
Vue.use(Tab)
Vue.use(Tabs)
Vue.use(Icon)
Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(Button)
Vue.use(Form)
Vue.use(Field)

Vue.use(NavBar)
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

// 通过eslint插件 可以在编写过程中

// 浏览器请求的查看
// 重点关注最左侧的红色小按钮（录制）如果发现请求之后一个接口都没有 说明录制没开
// 重点关注小漏斗中的筛选里面是否有过滤条件如果有将他清掉
// 重点关注no throttling将网络状态关掉
// 拿到接口之后怎么查看
// 点击接口就可以进入接口详情
// 重点关注标头headers载荷payload预览preview
// 1、如果接口是404说明接口没有找到   重点看一下标头中的Request URL和接口文档中的是否一致 /
// 2、如果返回的状态码不是404也不是500多的大概率是接口传参传错重点看【载荷】中的传参和【预览】中的错误返回与接口文档对照
// 3、接口返回状态码是500多的需要检查一下 【标头】中的Request Method请求的方法是否和接口文档一致 /后端服务如果真的挂了，需要及时和后端说
